<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>rw5</title>
    <style type="text/css">
        div{border-style: ridge;margin-top: 50px;

        }
        .h1{background-color:pink;height:40px;border-left: 0px;border-right: 0px; line-height:0px;margin-top: -1px;}
        .h2{background-color:pink;border-left: 0px;border-right: 0px;height:40px; line-height:0px;}

    </style>
</head>
<body>
<div>
    <div class="h1" id="h1"><h4>源码分类</h4></div>
    <a href="url">ASP</a><br>
    <a href="url">PHP</a><br>
    <a href="url">JSP</a>
    <div class="h2"><h4>访客</h4></div>
    <p>暂无访客</p>
    <a href="url">登录</a>后您的头像会在这里。
</div>

</body>
</html>